<template>
	<div class="alertBox cashbackBox">
		<div class="alertBk"></div>
		<div class="wordBox">
			<div class="alertHead">
				<p class="tittle">详情</p>
				<div class="myClose" @click="closeCashBack">
					<img src="~_assets/close.png" class="myClose"/>
				</div>
			</div>
			<div class="alertBody">
				<div class="changeDiv">
					<p class="alertText">会员账户:</p>
					<input type="text" class="alertInput" placeholder="会员账户" readonly v-model="items.menPhone"/>
				</div>
				<div class="changeDiv">
					<p class="alertText">活动主题:</p>
					<input type="text" class="alertInput" placeholder="活动主题" readonly v-model="items.activityTheme"/>
				</div>
				<div class="changeDiv">
					<p class="alertText">活动场景:</p>
					<input type="text" class="alertInput" placeholder="活动类型" readonly v-model="items.activityType"/>
				</div>
				<div class="changeDiv">
					<p class="alertText">返现类型:</p>
					<input type="text" class="alertInput" placeholder="返现类型" readonly v-model="items.differentiate"/>
				</div>
				<div class="changeDiv">
					<p class="alertText">充值/充电订单号:</p>
					<input type="text" class="alertInput" placeholder="充值/充电订单号" readonly v-model="rechargeOrder"/>
				</div>
				<div class="changeDiv">
					<p class="alertText">返现金额(元):</p>
					<input type="text" class="alertInput" placeholder="返现金额(元)" readonly v-model="items.cashbackMoney"/>
				</div>
				<div class="changeDiv">
					<p class="alertText">获取时间:</p>
					<input type="text" class="alertInput" placeholder="获取时间" readonly v-model="items.createTime"/>
				</div>
				<div class="alertBut">
					<button class="isFalse" @click="closeCashBack">取消</button>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		props:['items'],
		data() {
			return {
				rechargeOrder:this.items.rechargeOrder == '0' ? '':this.items.rechargeOrder
			}
		},
		methods: {
			closeCashBack(){
				this.$emit('closeCashBack')
			}
		}
	}
</script>

<style lang="less">
.cashbackBox{
    .changeDiv{
		width:83%;
	}
    .alertText{
        width:23%;
    }
}
</style>